<div style="background-color: #FFF; overflow: hidden">
    <div title="基本" class="MWFTab">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">标识:</td>
                <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">名称:</td>
                <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">描述:</td>
                <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">在控件中编辑:</td>
                <td class="editTableValue">
                    <input onclick="if (this.checked){ $('text{$.pid}OpenInOfficeArea').setStyle('display', 'block')}" type="radio" name="isOpenInOffice" value="true" text{($.isOpenInOffice)?'checked':''}/>是
                    <input onclick="if (this.checked){ $('text{$.pid}OpenInOfficeArea').setStyle('display', 'none')}" type="radio" name="isOpenInOffice" value="false" text{(!$.isOpenInOffice)?'checked':''}/>否
                </td>
            </tr>
        </table>
        <div id="text{$.pid}OpenInOfficeArea" style="display: text{($.isOpenAttachment)?'block':'none'};">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">控件标识</td>
                    <td class="editTableValue">
                        <input type="text" name="officeControlName" value="text{$.officeControlName}" class="editTableInput"/>
                    </td>
                </tr>
            </table>
        </div>

        <div class="MWFMaplist" name="styles" title="样式"></div>

        <div class="MWFValidation" name="validationConfig"></div>
        <div class="MWFScriptArea" name="validation" title="校验脚本 (S)"></div>
    </div>
    <div title="属性"  class="MWFTab" style="overflow: hidden">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">显示方式:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="size" text{($.size=='max')?'checked':''} type="radio" value="max"/>完整
                    <input class="editTableRadio" name="size" text{($.size=='min')?'checked':''} type="radio" value="min"/>简单
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">切换样式:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="isSizeChange" text{($.isSizeChange=='y')?'checked':''} type="radio" value="y"/>允许
                    <input class="editTableRadio" name="isSizeChange" text{($.isSizeChange=='n')?'checked':''} type="radio" value="n"/>不允许
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许上传类型:</td>
                <td class="editTableValue">
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('word')!=-1)?'checked':''} value="word" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">WORD文档
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('excel')!=-1)?'checked':''} value="excel" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">EXCEL文档
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('ppt')!=-1)?'checked':''} value="ppt" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">PPT文档
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('ppt')!=-1)?'checked':''} value="txt" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">文本文档
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('pic')!=-1)?'checked':''} value="pic" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">图片文件
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('pdf')!=-1)?'checked':''} value="pdf" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">PDF文档
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('zip')!=-1)?'checked':''} value="zip" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">压缩文档
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('audio')!=-1)?'checked':''} value="audio" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">音频文档
                    <input type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('video')!=-1)?'checked':''} value="video" onchange="
                    if (!this.checked && !$('text{$.pid}attachmentExtOtherType').get('value'))$('text{$.pid}attachmentExtType_other').set('checked', false );
                    ">视频文档<br/>
                    <input id="text{$.pid}attachmentExtType_other" type="checkbox" name="attachmentExtType" text{(!$.attachmentExtType || $.attachmentExtType.indexOf('other')!=-1)?'checked':''} value="other">其他
                    <input id="text{$.pid}attachmentExtOtherType" type="text" name="attachmentExtOtherType" value="text{$.attachmentExtOtherType}" class="editTableInput"/>
                    <span>填写样例：.doc, .docx, .xls</span>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许上传大小（M）:</td>
                <td class="editTableValue">
                    <input type="text" name="attachmentSize" value="text{$.attachmentSize || 0}" class="editTableInput"/>
                    <br />
                    <div style="text-align:center">“0”表示上传大小没有限制</div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许上传数量:</td>
                <td class="editTableValue">
                    <input type="text" name="attachmentCount" value="text{$.attachmentCount}" class="editTableInput"/>
                    <br />
                    <div style="text-align:center">“0”表示上传数量没有限制</div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">改变大小:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="resize" text{($.resize=='y')?'checked':''} type="radio" value="y"/>允许
                    <input class="editTableRadio" name="resize" text{($.resize=='n')?'checked':''} type="radio" value="n"/>不允许
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许使用的附件样式:</td>
                <td class="editTableValue">
                    <input type="checkbox" name="availableListStyles" text{(!$.availableListStyles || $.availableListStyles.indexOf('list')!=-1)?'checked':''} value="list">列表
                    <input type="checkbox" name="availableListStyles" text{(!$.availableListStyles || $.availableListStyles.indexOf('seq')!=-1)?'checked':''} value="seq">序列
                    <input type="checkbox" name="availableListStyles" text{(!$.availableListStyles || $.availableListStyles.indexOf('icon')!=-1)?'checked':''} value="icon">图标
                    <input type="checkbox" name="availableListStyles" text{(!$.availableListStyles || $.availableListStyles.indexOf('preview')!=-1)?'checked':''} value="preview">预览
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">默认附件样式:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="listStyle" text{($.listStyle=='list')?'checked':''} type="radio" value="list"/>列表 </br>
                    <input class="editTableRadio" name="listStyle" text{($.listStyle=='icon')?'checked':''} type="radio" value="icon"/>图标 </br>
                    <input class="editTableRadio" name="listStyle" text{($.listStyle=='preview')?'checked':''} type="radio" value="preview"/>预览</br>
                    <input class="editTableRadio" name="listStyle" text{($.listStyle=='sequence')?'checked':''} type="radio" value="sequence"/>序列
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">只读模式:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="readonly" text{($.readonly=='y')?'checked':''} type="radio" value="y"/>是
                    <input class="editTableRadio" name="readonly" text{($.readonly=='n')?'checked':''} type="radio" value="n"/>否
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许上载:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="isUpload" text{($.isUpload=='y')?'checked':''} type="radio" value="y"/>允许
                    <input class="editTableRadio" name="isUpload" text{($.isUpload=='n')?'checked':''} type="radio" value="n"/>不允许
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许下载:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="isDownload" text{($.isDownload!=='n')?'checked':''} type="radio" value="y"/>允许
                    <input class="editTableRadio" name="isDownload" text{($.isDownload=='n')?'checked':''} type="radio" value="n"/>不允许
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许删除:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="isDelete" text{($.isDelete=='y')?'checked':''} type="radio" value="y"/>允许
                    <input class="editTableRadio" name="isDelete" text{($.isDelete=='n')?'checked':''} type="radio" value="n"/>不允许<br/>
                    <input class="editTableRadio" name="isDelete" text{($.isDelete=='o')?'checked':''} type="radio" value="o"/>仅允许本人上传的文件<br/>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">允许替换:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="isReplace" text{($.isReplace=='y')?'checked':''} type="radio" value="y"/>允许
                    <input class="editTableRadio" name="isReplace" text{($.isReplace=='n')?'checked':''} type="radio" value="n"/>不允许<br/>
                    <input class="editTableRadio" name="isReplace" text{($.isDelete=='o')?'checked':''} type="radio" value="o"/>仅允许本人上传的文件<br/>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">操作条:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="toolbarGroupHidden" text{(($.toolbarGroupHidden || []).indexOf('edit')!=-1)?'checked':''} type="checkbox" value="edit"/>隐藏编辑操作组<br/>
                    <input class="editTableRadio" name="toolbarGroupHidden" text{(($.toolbarGroupHidden || []).indexOf('read')!=-1)?'checked':''} type="checkbox" value="read"/>隐藏阅读操作组<br/>
                    <input class="editTableRadio" name="toolbarGroupHidden" text{(($.toolbarGroupHidden || []).indexOf('list')!=-1)?'checked':''} type="checkbox" value="list"/>隐藏布局操作组<br/>
                    <input class="editTableRadio" name="toolbarGroupHidden" text{(($.toolbarGroupHidden || []).indexOf('config')!=-1)?'checked':''} type="checkbox" value="config"/>隐藏设置操作组<br/>
                    <input class="editTableRadio" name="toolbarGroupHidden" text{(($.toolbarGroupHidden || []).indexOf('view')!=-1)?'checked':''} type="checkbox" value="view"/>隐藏模式操作<br/>
                </td>
            </tr>
        </table>
    </div>

    <div title="事件"  class="MWFTab" style="overflow: hidden">
        <div class="MWFEventsArea" name="events"></div>
    </div>
    <div title="HTML"  class="MWFTab">
        <div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
    <div title="JSON"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>